<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   <div class="blank"></div>
	<div class="block clearfix"">
		<div class="AreaL">
			<div id="category_tree">
				<div class="tit">所有商品分类</div>
				<dl class="clearfix" style="overflow: hidden;">
					<div class="box1 cate" id="cate">
						<h1 onclick="tab(0)" style="border-top: none">
							<span class="f_l"><img
								src="images/btn_fold.gif"
								style="padding-top: 10px; padding-right: 6px; cursor: pointer;"></span>
							<a href="category.php?id=132" class="  f_l">全部</a>
						</h1>
						<ul style="display: none">
							<a class="over_2" href="category.php?id=160">外套</a>

							<div class="clearfix">
								<a class="over_3" href="category.php?id=161">皮衣/皮草</a> <a
									class="over_3" href="category.php?id=162">卫衣</a> <a
									class="over_3" href="category.php?id=163">风衣</a> <a
									class="over_3" href="category.php?id=164">大衣</a>
							</div>
						</ul>
						<div style="clear: both"></div>
						<h1 onclick="tab(1)">


							<span class="f_l"><img
								src="images/btn_fold.gif"
								style="padding-top: 10px; padding-right: 6px; cursor: pointer;"></span>
							<a href="category.php?id=21" class="  f_l">女装</a>
						</h1>
						<ul style="display: none">
							<a class="over_2" href="category.php?id=22">T恤/POLO</a>

							<div class="clearfix">
								<a class="over_3" href="category.php?id=23">POLO衫</a> <a
									class="over_3" href="category.php?id=26">短袖T恤</a> <a
									class="over_3" href="category.php?id=27">长袖T恤</a>
							</div>
						</ul>
						<div style="clear: both"></div>
						<h1 onclick="tab(2)">
                          <span class="f_l"><img
								src="images/btn_fold.gif"
								style="padding-top: 10px; padding-right: 6px; cursor: pointer;"></span>
							<a href="category.php?id=16" class="  f_l">男装</a>
						</h1>
						<ul style="display: none">
							<a class="over_2" href="category.php?id=182">POLO衫</a>

							<div class="clearfix">
								<a class="over_3" href="category.php?id=185">长袖POLO衫</a> <a
									class="over_3" href="category.php?id=188">短袖POLO衫</a>
							</div>
						</ul>
						<div style="clear: both"></div>
						<h1 onclick="tab(3)">


							<span class="f_l"><img
								src="images/btn_fold.gif"
								style="padding-top: 10px; padding-right: 6px; cursor: pointer;"></span>
							<a href="category.php?id=69" class="  f_l">童装</a>
						</h1>
						<ul style="display: none">
							<a class="over_2" href="category.php?id=70">童装</a>

							<div class="clearfix">
								<a class="over_3" href="category.php?id=176">长袖T恤</a> <a
									class="over_3" href="category.php?id=178">短袖T恤</a> <a
									class="over_3" href="category.php?id=179">背心</a>
							</div>
						</ul>
						<div style="clear: both"></div>
						<h1 onclick="tab(4)">


							<span class="f_l"><img
								src="images/btn_fold.gif"
								style="padding-top: 10px; padding-right: 6px; cursor: pointer;"></span>
							<a href="category.php?id=44" class="  f_l">鞋靴</a>
						</h1>
						<ul style="display: none">
							<a class="over_2" href="category.php?id=45">短靴</a>

							<div class="clearfix">
								<a class="over_3" href="category.php?id=46">韩版高跟短靴</a> <a
									class="over_3" href="category.php?id=47">雪地靴</a> <a
									class="over_3" href="category.php?id=48">高跟长靴</a>
							</div>
						</ul>
						<div style="clear: both"></div>

					</div>
					<div style="clear: both"></div>
			</div>

			<div class="blank"></div>
			<script type="text/javascript">
				obj_h4 = document.getElementById("cate").getElementsByTagName(
						"h4")
				obj_ul = document.getElementById("cate").getElementsByTagName(
						"ul")
				obj_img = document.getElementById("cate").getElementsByTagName(
						"img")
				function tab(id) {
					if (obj_ul.item(id).style.display == "block") {
						obj_ul.item(id).style.display = "none"
						obj_img.item(id).src = "images/btn_fold.gif"
						return false;
					} else(obj_ul.item(id).style.display == "none")
					{
						obj_ul.item(id).style.display = "block"
						obj_img.item(id).src = "images/btn_unfold.gif"
					}
				}
			</script>
		</div>
	</div>
</body>
</html>